<template>
 <div class="container">
  <p>{{count}}</p>
  <button @click='count++'>按钮</button>
  <!-- 使用组件 -->
  <!-- 使用v-model双向数据流， 子组件可以修改的值，改不父组件的值 -->
  <Child v-model='count' :meg='meg'/>
 </div>
</template>
<script>
// 1.导出组件
import Child from './views/Child'
// 暴露出组件，定义组件
export default {
 name:'App',
 data(){
  return{
   count:13,
   meg:'hhhhh'
  }
 },
  // 注册组件
 components:{
   Child,
  }
}
</script>
<style lang='css'>
.container{
 height: 300px;
 background-color: pink;
}
</style>